<template>
  <div class="about">
    <h1>This is an about page</h1>
<!--    <router-link to="/about/achild">子路由页面</router-link>-->
<!--     或者-->
    <router-link :to="{name: 'achild'}">子路由页面</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "About",
    created() {
      console.log("About created")
    },
    deactivated() {
      console.log("About deactivated")
    },
    methods:{
      toChild(){
        this.$router.push("/about/achild")
      }
    }
  }
</script>
